<?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/head.php"); ?>
<script type="text/javascript">
    function iniFun($) {
    }
</script>
<style>
    .notification-page-item {
        width: 95%;
    }
    .content {
        margin: 0 10px;
    }
</style>
<body>
<div id="mainDiv">
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/bar.php"); ?>

    <div class="header">
        <a href="/hush-Inn" title="返回主页" class="header-logo">甜园</a>
        <a href="javascript:;" class="header-navigation show-navigation"><i class="fa fa-navicon"></i></a>
    </div>
    <div class="header-clear-big"></div>

    <div class="content">
        <div class="half-bottom">
            <em>除了前端和后台的技术，就都堆这儿了吧，懒得分类了，哈哈哈.</em>
        </div>

        <div class="decoration"></div>

        <div class="notification-page">
            <!-- 一个横块-Start -->
            <p class="notification-page-item">
                <!--<img src="images/pictures/1s.jpg" alt="img">-->
                <em>
                    <span class="myp">文本的神奇用法</span><br>
                    写后台的猿们最烦恼前端的一套套样式调整了,这里有一个神奇的简化用法.
                </em>
                <a href="#">阅读全文</a>
                <a href="#">2015 08 26</a>
            </p>

            <!--<div class="decoration hide-if-responsive"></div>-->
            <div class="decoration"></div>
            <p class="notification-page-item">
                <!--<i class="fa fa-facebook" style="background-color:#3B5998;"></i>-->
                <em>
                    <span class="myp">文本的神奇用法</span><br>
                    写后台的猿们最烦恼前段的面向过程的代码了,这里有一个神奇的简化用法.
                </em>
                <a href="#">阅读全文</a>
                <a href="#">15th July 2016</a>
            </p>

            <div class="decoration"></div>
            <!-- 一个横块-End -->
            <p class="notification-page-item">
                <!--<i class="fa fa-twitter" style="background-color:#40BBFF;"></i>-->
                <em>
                    <span class="myp">文本的神奇用法（二)</span><br>
                    写后台的猿们最烦恼前端的一套套样式调整了,这里有一个神奇的简化用法.
                </em>
                <a href="#">阅读全文</a>
                <a href="#">15th July 2016</a>
            </p>

            <div class="decoration"></div>
            <p class="notification-page-item">
                <!--<i class="fa fa-exclamation red-notification"></i>-->
                <em>
                    <span class="myp">文本的神奇用法（二)</span><br>
                    写后台的猿们最烦恼前段的面向过程的代码了,这里有一个神奇的简化用法.
                </em>
                <a href="#">阅读全文</a>
                <a href="#">15th July 2016</a>
            </p>

            <div class="decoration"></div>
        </div>
    </div>
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/foot-three.php"); ?>
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/share.php"); ?>
</div>
</body>
<?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/pageNo.php"); ?>